html{background:#FFF;color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,form,input,textarea,p{margin:0;padding:0;box-sizing: border-box;}img{border:0; margin:0;}ol,ul{list-style:none;}h1,h2,h3{font-weight:normal;font-size:100%;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-weight:inherit;font-size:inherit;font-family:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}a{color:inherit;text-decoration:none;} html {font-size: 625%;/*10 梅 16 脳 100% = 62.5%*/} /*******CSS reset*************/ body{position:relative;z-index:-2; color:#444;font-size:14px;font-family:'Microsoft YaHei',SimHei,SimYou,SimSun,Arial;z-index:2;} .f12{font-size:12px;} .f16{font-size:16px;} .bold{font-weight:bold;} .white{color:#fff;} .t_r{text-align:right;} .left{ float:left;} .right{ float:right;} .clear{clear:both;} .relative{position:relative;} .absolute{position:absolute;} .rel_center{position:relative;left:50%;} .hidden{display:none;} .w{ width:100%; margin:0 auto; height: auto; overflow: hidden; padding: 0 100px;} /********General**********/ .cd-main-header{ height:112px; width:100%; top:0; left:0; z-index:999;background: #fff; transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s;} .cd-logo { top:.15rem; position:absolute; left:5%;} .cd-logo img{transition: all 0.3s ease 0s; height: 68px; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s;} .cd-mobile{ position:absolute; font-size:14px; color:rgb(0,145,246); line-height:24px; top:14px; right:100px; } .cd-mobile b{ color:rgb(0,145,246); font-size:20px; } .topover{position:fixed;top:0;left:0;/* height:.6rem;*/background:#fff;z-index:9999;box-shadow:0px -2px 6px #000;} /*.topover .cd-logo{top:.1rem; }*/ /*.topover .cd-logo img{ height:.4rem;}*/ .banner{width: 100%; height: auto;background: url(../Image/bannerbj.jpg) bottom left no-repeat; float: left;} .banner .bx-wrapper{display: none;} .main{width: 100%; float: left; overflow: hidden; } .zdaohang{width: 100%; position: relative; height: 690px; margin-top: 100px; background: url(../Image/daohangbj.jpg) bottom repeat-x;} .zdaohanglist{width:100%; padding-left: 590px; float: right; position: absolute; top: 0;left: 0; z-index: 5;} .zdaohangbt{width: 490px; position: relative; z-index: 10; float: left; padding-right: 90px; background: url(../Image/daohangw.png)left 22px no-repeat; padding-top: 60px;} .zdaohangbt h2{ font-size: 48px; color: #666666; line-height: 1.5; font-family: "寰蒋闆呴粦"; font-weight: bold; } .zdaohangbt p{ font-size: 30px; color: #999999; margin: 30px 0; font-family: "寰蒋闆呴粦"; font-weight: normal; } .zdaohangbt span{ font-size: 18px; display: block; color: #666666; line-height: 2; font-family: "寰蒋闆呴粦"; font-weight: normal; } .zdaohangbt a{ display: block; float: left; font-size: 14px; color: #666666; margin-top: 44px;} .zdaohanglist .slide{ height: 568px; -moz-border-radius: 10px; /* Firefox */ -webkit-border-radius: 10px; /* Safari 鍜 Chrome */ border-radius: 10px; /* Opera 10.5+, 浠ュ強浣跨敤浜咺E-CSS3鐨処E娴忚鍣 */ } .zdaohanglist .slide dd{ height: 266px; overflow: hidden; border-top-left-radius: 10px; /* Opera 10.5+, 浠ュ強浣跨敤浜咺E-CSS3鐨処E娴忚鍣 */ border-top-right-radius: 10px; /* Opera 10.5+, 浠ュ強浣跨敤浜咺E-CSS3鐨処E娴忚鍣 */ } .zdaohanglist .slide dd img{width:100%; transform:translate(0,0); transition:all .5s ease-in 0s;} .zdaohanglist .slide:hover dd img{transform: scale(1.1); transition: all .5s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all .5s ease 0s; } .zdaohanglist .bx-viewport{padding-bottom: 75px;padding-left:15px; } .zdaohanglist .slide .slideinfo{width: 100%; height: 265px; background: #fff;box-shadow: 0px 5px 15px #dbd8d8; padding: 30px; border-bottom-left-radius: 10px; /* Opera 10.5+, 浠ュ強浣跨敤浜咺E-CSS3鐨処E娴忚鍣 */ border-bottom-right-radius: 10px; /* Opera 10.5+, 浠ュ強浣跨敤浜咺E-CSS3鐨処E娴忚鍣 */ } .zdaohanglist .slide .slideinfo font{ font-size: 12px; color: #666666锛泒 .zdaohanglist .slide .slideinfo h3{ font-size: 24px; color: #333333; font-weight: bold; margin: 20px 0;} .zdaohanglist .slide .slideinfo p{ font-size: 14px; color: #666666; line-height: 2;} .zdaohanglist .slide .slideinfo a{ display: block; float: right; font-size: 14px; color: #666666; margin-top: 14px;} .bx-controls{ bottom: 0; right: 382px; width:82px; text-align: center; position: absolute;} .ad{width: 100%; height: 230px; background:url(../Image/ad.jpg) center no-repeat; } .adbt{ float: left; margin: 30px 0 0 355px;} .adbt p{ font-size: 40px; color: #ffffff;} .adbt span{ font-size: 12px; color: #fff;} .adw{ float: right; margin: 30px 358px 0 0; width: 436px; color: #fff; font-size: 16px; line-height: 2; font-family: "寰蒋闆呴粦"; } .adw a{display: block; font-size: 14px; float: left; color: #fff; margin-top: 30px;} .fangan{float: left;width: 100%; margin-top: 100px; position: relative;} .fanganbj{width: 75%; height:585px; right: 0; top: 0; background:url(../Image/fanganbj.jpg) center repeat-x; position: absolute; z-index: 1;} .fangan .w{position: relative; z-index: 2; padding-bottom: 20px;} .fangbt{ float: left;background:url(../Image/fanganbtxian.png) left 58px no-repeat; padding-left:54px;} .fangbt p{ font-size: 14px; color: #999999; font-style: italic;} .fangbt h3{ font-size: 36px; color: #333333; } .fanganw{ font-size: 18px; color: #666666; padding: 75px; line-height: 2; float: right;width: 80%; background: #eaeaea;} .fangantop{width: 100%; float: left; padding-right: 10%; background:url(../Image/fanganbj2.png) right 187px no-repeat;} .fanganlist{width: 100%; float: left; background: #fff; padding: 75px 75px 0 0;} .fanganlist li{width: 30.3%; position: relative; float: left; margin-right:4.5%;box-shadow: 5px 5px 10px #e4dfdf; -moz-border-radius:10px; /* Firefox */ -webkit-border-radius:10px; /* Safari 鍜 Chrome */ border-radius:10px; /* Opera 10.5+, 浠ュ強浣跨敤浜咺E-CSS3鐨処E娴忚鍣 */ } .fanganlist li dd{width: 100%; padding-bottom: 63.1%; position: relative; overflow: hidden; border-top-left-radius: 10px; /* Opera 10.5+, 浠ュ強浣跨敤浜咺E-CSS3鐨処E娴忚鍣 */ border-top-right-radius: 10px; /* Opera 10.5+, 浠ュ強浣跨敤浜咺E-CSS3鐨処E娴忚鍣 */ } .fanganlist li dd img{width: 100%; position: absolute; height: 100%; top: 0; left: 0;transform:translate(0,0); transition:all .5s ease-in 0s;} .fanganlist li:hover dd img{transform: scale(1.1); transition: all .5s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all .5s ease 0s; } .fanganlist li:nth-child(3){ margin-right: 0;} .fanganlist li h4{ position: relative; font-size: 25px; color: #333333; margin:20px 0 0 0; margin-left: -7px; padding-left: 5px;} .fanganlist li h4 b{width: 0; height: 92px; border-left:2px solid #333333; position: absolute;bottom:40px;left: 0; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; } .fanganlist li p{ font-size: 16px; color: #999999; margin: 20px 0;} .fanganlist li .amore{ font-size: 14px; color: #333333; display: block;} .fanganlist li .amore b{width: 0; margin-top:10px; height:0px; border-bottom:2px solid #333333; float: left; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; margin-right:0px; } .fanganlist li:hover .amore b{width:92px; margin-right: 10px;} .fanganlist li:hover h4 b{height: 0px;} .fanganlist li dl{ padding: 30px; position: relative; } .fanganlist li i{display: block; width: 76px; height: 77px; position: absolute;top:-38.5px; right: 30px; background:url(../Image/fanglist1.png)center no-repeat; -webkit-transition:0.5s ease;-moz-transition:0.5s ease;} .fanganlist li i a{display: block;width: 100%; height: 100%;} .fanganlist li i:hover{-webkit-transform:rotatez(360deg);-moz-transform:rotatez(360deg);} .fanganlist li i:hover{background:url(../Image/fanglist.png)center no-repeat;} .pro{width: 100%; float: left; position: relative; background:#eaeaea; margin-top: 65px;} .pro .w{overflow:visible; } .probt{ float: left;background:url(../Image/fanganbtxian.png) left 58px no-repeat; margin-top: 30px; padding-left:54px; } .probt p{ font-size: 14px; color: #999999; font-style: italic;} .probt h3{ font-size: 36px; color: #333333; } .protopw{font-size: 16px; width: 70%; color: #666666; line-height: 2; position: relative; z-index: 1; padding: 50px; float: right; padding-bottom: 352px; background:#fff;} .prolist{width:85%; position:relative; margin-top: -300px; z-index: 10; background: #eaeaea; float: left; padding: 50px 50px 0 0;} .prozimu{width: 12px; height: 130px; background:url(../Image/fanganbj2.png) center no-repeat; float: right; } .pro .w1{position: absolute; top: 175px; z-index: 11;} .pro .slide{ width: 100%; background: #fff; box-shadow: 5px 5px 10px #e7e7e7;} .pro .slideinfo{width:35%; float: left; padding: 3% 5%;} .pro .slideinfo h3{ font-size: 26px; color: #333333; margin-bottom: 40px; font-family: "寰蒋闆呴粦"; } .pro .slideinfo font{ font-size: 16px; color: #333333; display: block; margin-bottom: 30px;} .pro .slideinfo p{font-size: 16px; color: #666666; line-height: 2;} .pro dd{width: 65%; float: left; position: relative; padding-bottom:43.29%;} .pro dd img{width: 100%; height: 100%; position: absolute; top: 0; left: 0;} .pro dd i{width: 26px; height: 35px;display: block; position: absolute; z-index: 10; background:url(../Image/prolisti.png)center no-repeat; left: 0; top: 160px; } .pro .bx-controls{width: 35%; bottom: 45px; left: 0;} .pro .bx-controls-direction{width: 40%; position: relative; margin: 0 auto;} .promore{display: block; width: 75px; font-size: 14px; color:#666666; text-align: center; margin:30px auto;} .more{position: relative; height: 35px;padding-top: 0; line-height: 35px; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; } .more i{ transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; } .more i:nth-child(1){ position: absolute; left: 0; bottom: 0; width: 100%; height: 0; border-bottom:1px solid #0091f6; } .more:hover i:nth-child(1){ width:0%;} .more:hover{ padding-top: 10px;} .yuangan{width: 32%; margin-left:10%; float: left;padding-bottom: 15px;} .sbfw{width: 100%; float: left; margin-top: 100px; background:url(../Image/sbfwbj.jpg) right center no-repeat; background-size: auto 90%; } .sbfwbt{ float: left;} .sbfwbt font{ font-size: 20px; color: #999999; font-style: italic;} .sbfwbt h3{ font-size: 36px; color: #333333; margin: 25px 0 30px; } .sbfwbt p{ font-size: 26px; color: #999999;} .yuanganw{width: 100%; float: left; margin-top:40px;} .yuangabj{width: 100%; padding-bottom: 61.6%; position: relative; overflow: hidden; box-shadow: 5px 5px 10px #e7e7e7; -moz-border-radius: 15px; /* Firefox */ -webkit-border-radius: 15px; /* Safari 鍜 Chrome */ border-radius: 15px; /* Opera 10.5+, 浠ュ強浣跨敤浜咺E-CSS3鐨処E娴忚鍣 */} .yuangabj img{width: 100%; height: 100%; position: absolute; top: 0; left:0; z-index: 1; transform:translate(0,0); transition:all .5s ease-in 0s;} .yuangan:hover .yuangabj img{transform: scale(1.1); transition: all .5s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all .5s ease 0s; } .yuangawz{width: 80%; float: left; margin-top:-220px; background: #fff; position: relative; z-index: 10; padding:50px;box-shadow: 5px 5px 10px #e7e7e7;margin-left:10px; -moz-border-radius: 15px; /* Firefox */ -webkit-border-radius: 15px; /* Safari 鍜 Chrome */ border-radius: 15px; /* Opera 10.5+, 浠ュ強浣跨敤浜咺E-CSS3鐨処E娴忚鍣 */} .yuangawz i{width: 0; height: 108px; border-left:2px solid #85c320; float: left; top: -52px; left: 79px;; display: block; position: absolute;} .yuangawz h4{ font-size: 30px; color: #444444;margin:20px 0;} .yuangawz p{ font-size: 14px; color: #666666; line-height: 2;} .company{width: 32%; margin-right:10%; float: right;} .companyw{width: 100%; float: left; margin-top: 80px;} .companybj{width: 100%; padding-bottom: 61.6%; position: relative; overflow: hidden; box-shadow: 5px 5px 10px #e7e7e7; -moz-border-radius: 15px; /* Firefox */ -webkit-border-radius: 15px; /* Safari 鍜 Chrome */ border-radius: 15px; /* Opera 10.5+, 浠ュ強浣跨敤浜咺E-CSS3鐨処E娴忚鍣 */} .companybj img{width: 100%; height: 100%; position: absolute; top: 0; left:0; z-index: 1; transform:translate(0,0); transition:all .5s ease-in 0s;} .company:hover .companybj img{transform: scale(1.1); transition: all .5s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all .5s ease 0s; } .companywz{width: 80%; float: left; margin-top:-220px; background: #fff; position: relative; z-index: 10; padding: 50px;box-shadow: 5px 5px 10px #e7e7e7;margin-left:10px; -moz-border-radius: 15px; /* Firefox */ -webkit-border-radius: 15px; /* Safari 鍜 Chrome */ border-radius: 15px; /* Opera 10.5+, 浠ュ強浣跨敤浜咺E-CSS3鐨処E娴忚鍣 */} .companywz b{width: 0; height: 108px; border-left:2px solid #0091f6; float: left; top: -52px; left: 79px;; display: block; position: absolute;} .companywz h4{ font-size: 30px; color: #444444;margin:20px 0;} .companywz p{ font-size: 14px; color: #666666; line-height: 2;} .companywz a{display: block; float: right; width: 75px; font-size: 14px; color:#666666; text-align: center; margin-top: 30px; } .ad2{ height: 280px; width: 100%; margin: 100px 0 0 0; float: left; position: relative; } .ad2bj{width: 100%; height: 280px; padding-right: 100px; position: absolute; top: 0; left: 0; z-index: 1;} .ad2bj p{width: 100%; height: 280px; float: right; overflow: hidden; box-shadow: 5px 5px 10px #e7e7e7; border-top-right-radius: 140px; /* Opera 10.5+, 浠ュ強浣跨敤浜咺E-CSS3鐨処E娴忚鍣 */ border-bottom-right-radius: 140px; /* Opera 10.5+, 浠ュ強浣跨敤浜咺E-CSS3鐨処E娴忚鍣 */ } .ad2bj p img{height: 280px; float: right;} .ad2w{text-align: center; font-size: 30px; padding-top: 47px; color: #999999; position: relative; z-index: 10;} .ad2w font{text-align: center; font-size: 88px; color: #666666; font-style: italic; margin-top: 30px; font-weight: bold; display: block; } .mes{width: 100%; float: left; margin-top: 100px; background:url(../Image/mesbj.jpg) top center no-repeat; } .mes .w{padding-bottom: 10px;} .mesbt{width: 17%; float:left; margin-top: 40px; } .mesbt h3{ font-size: 36px; color: #333333;} .mesbt p{ font-size: 16px; color: #333333; margin-top: 30px; line-height: 2;} .mes-form{width: 79%; float: right; background: #fff; padding: 40px; padding-bottom: 10px; margin-top: 85px; box-shadow: 5px 5px 10px #e7e7e7; -moz-border-radius: 15px; /* Firefox */ -webkit-border-radius: 15px; /* Safari 鍜 Chrome */ border-radius: 15px; /* Opera 10.5+, 浠ュ強浣跨敤浜咺E-CSS3鐨処E娴忚鍣 */ } .mes .form-tr{width: 30.3%; float:left; margin-right:4.5%; margin-bottom: 30px; } .mes .form-tr:nth-child(6){margin-right:0;} .mes .form-tr:nth-child(2){width: 100%;margin-right: 0;} .mes .form-tr p{ font-size: 14px; color: #666666; font-weight: bold;} .mes .form-tr p font{ color: #ff2626} .mes .form-tr input{width:100%; background:none; border: none; height: 50px; border-bottom: 1px solid #e3e3e3} .mes .form-tr textarea{width:100%; background:none; border: none; height: 50px; border-bottom: 1px solid #e3e3e3} .mes .code input{width: 50%; float: left;} .mes .code img{width:100px; float: left;} .mes .form-tr:nth-child(9){margin-right: 0;} .mes .submit{width: 200px; height: 50px;display: block; margin: 0 auto; text-align: center; border: 1px solid #e3e3e3; line-height: 50px; font-size: 14px; color: #333333; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-border-radius: 0px; /* Firefox */ -webkit-border-radius: 0px; /* Safari 鍜 Chrome */ border-radius: 0px; /* Opera 10.5+, 浠ュ強浣跨敤浜咺E-CSS3鐨処E娴忚鍣 */ } .mes .submit:hover{ -moz-border-radius: 25px; /* Firefox */ -webkit-border-radius: 25px; /* Safari 鍜 Chrome */ border-radius: 25px; /* Opera 10.5+, 浠ュ強浣跨敤浜咺E-CSS3鐨処E娴忚鍣 */ } .footer{width: 100%; float: left; background: #eaeaea; margin-top: 60px; padding-top: 50px;} .flogo{float: left; width: 17%;} .flogo img{max-width: 100%;} .footr{width:79%; float: right;} .ftel{width: 100%; font-size: 16px; color: #333333;} .ftel li{width: 25%; float: left;} .fnav{width: 100%; float: left; margin-top: 40px;} .fnav ul{width: 20%; float: left;} .fnav ul h4{ font-size: 20px; color: #333333;} .fnav ul li{ font-size: 16px; color: #333333; line-height: 2;} .fnav ul li:hover{text-decoration: underline;} .admin{width: 100%; font-size: 16px; color: #333333; text-align: center; line-height: 73px; height: 73px; border-top:1px solid #d8d8d8; margin-top: 50px;} .nbanner{width: 100%; float: left; position: relative;} .nbanner img{position: absolute; max-width: 50%; top: 0; right: 0;} .nbannerw{width: 50%; float: left; padding-top: 70px; margin-top: 80px; padding-left: 60px; background:url(../Image/nbannerbt.png) top left no-repeat; } .nbannerw .bannerbt h3{ font-size: 48px; color: #333333; font-weight: bold;} .nbannerw .bannerbt h3 b{font-size: 20px; font-style: italic;} .nbannerw .bannerbt font{ font-size: 14px; color: #999999;} .nbannerw p{ font-size: 16px; color: #333333; line-height: 2; margin-top: 40px; font-weight: 400;} .location .rig-title-over{display: none;} .location{margin-top: 40px; font-size: 14px; color: #999999;} .location dd{float: left;} .location .rig-title{float: left;} .naboutw{width: 100%; float: left; margin-top: 100px; } .nabt{ background:url(../Image/nabt.png) left center no-repeat; font-size: 36px; color: #333333; padding-left: 60px;} .naboutw_p{padding-left: 60px; margin-top: 45px; font-size: 18px; color: #333333; line-height: 2;} .nhonor{width: 100%; float:left; margin-top: 100px; background:url(../Image/nhonorbj.jpg) top repeat-x; padding-top: 77px; } .nhonor #owl-demo{margin-top: 56px;} .nhonor #owl-demo .item{width: 356px; } .nhonor #owl-demo .item p{ font-size: 16px; color: #333333; text-align: center; line-height: 2;} .nhonor #owl-demo .item:hover p{ color: #0091f6;} .njzxw1{width: 100%; float: left; margin-top:100px; } .njzxw1_p{ font-size: 18px; color: #333333; line-height: 2; margin-top: 40px; padding-left: 60px;} .njzxw1pic{ padding-left: 60px; text-align: center;width: 100%; margin-top: 60px;} .njzxw1pic img{ display: inline-block; margin: 0 50px;} .cpts{width: 100%; float: left; margin-top: 100px;} .cpts ul{width: 100%; float: left; margin-top: 64px;} .cpts li{width:22%; position: relative; float: left; margin-right:4%; height:412px; background: #f5f5f5; padding:38px 23px 20px; -moz-border-radius: 25px; /* Firefox */ -webkit-border-radius: 25px; /* Safari 鍜 Chrome */ border-radius: 25px; /* Opera 10.5+, 浠ュ強浣跨敤浜咺E-CSS3鐨処E娴忚鍣 */} .cpts li i{display:block;width: 46px; height: 23px; background:url(../Image/cptdi.png) repeat-x; position: absolute; top: 0; left: 87px; } .cpts li:nth-child(4){margin-right:0;} .cpts li dd{width: 100%; height:354px; border: 2px dashed #cbcbcb; -moz-border-radius: 25px; /* Firefox */ -webkit-border-radius: 25px; /* Safari 鍜 Chrome */ border-radius: 25px; /* Opera 10.5+, 浠ュ強浣跨敤浜咺E-CSS3鐨処E娴忚鍣 */ } .cpts li h3{font-size: 26px; color: #333333; font-weight: bold; text-align: center; margin: 20px 0;} .cpts li p{ padding:0 40px; background:url(../Image/cptdli.png)center 40px no-repeat; font-size: 18px; color: #333333; line-height: 41px; } .nprodh{width:20%; float: left; position: relative; margin-top: 100px; z-index: 10;} .btn{ width: 100%; top:100px; position: absolute; z-index: 10; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; } .btn.on{position: fixed; top:100px; width: 20%;} .btn a{ height: 35px; margin-bottom: 15px; display:block; font-size: 18px; color: #666666; width:100%; text-align:left; } .btn a font{display: block; font-style: italic; float: left; padding-right: 15px;} .btn a span{display: block; float:left; margin-top:2px; } .btn .active{ color:#0091f6; } .btn .active font{ background:url(../Image/butaon.png)right center no-repeat; } .npro1{width: 100%; overflow: hidden; background: #f5f5f5; padding: 100px 0; float: left; position: relative; } .npro1 .w{overflow: hidden;} .nprolist{width: 80%; float: right; padding-left: 100px; border-left:1px solid #e6e6e6; margin-left: -1px;} #pro1{ width:100%; float: left; padding-top: 100px;} #pro1 .nprolistw{float: left;} #pro1 .nprolistpic{float: right;} .nprolistw{width:28%;} .nprolistbt{ padding: 35px 0; line-height:2; background-size: auto 100%; width: 100%; float: left; } .nprolistw_p{ font-size: 16px; margin-top: 40px; width: 100%; float: left; color: #333333; line-height: 2;} .nprolistbt h4{ font-size: 30px; color: #333333; padding: 0; margin: 0; } .nprolistbt h4 font{ font-size: 20px; color: #333333; display: block;} .nprolistpic{width:68%;} .nprolistpic img{width: 100%;} .nprolistw a{display: block; font-size: 14px; float: right; color: #666666; margin-top: 30px;} #pro1 .nprolistbt{ background:url(../Image/prolist_numb1.png)left center no-repeat; } #pro2 .nprolistbt{ background:url(../Image/prolist_numb2.png)left center no-repeat; } #pro3 .nprolistbt{ background:url(../Image/prolist_numb3.png)left center no-repeat; } #pro4 .nprolistbt{ background:url(../Image/prolist_numb4.png)left center no-repeat; } #pro5 .nprolistbt{ background:url(../Image/prolist_numb5.png)left center no-repeat; } #pro6 .nprolistbt{ background:url(../Image/prolist_numb6.png)left center no-repeat; } #pro7 .nprolistbt{ background:url(../Image/prolist_numb7.png)left center no-repeat; } #pro8 .nprolistbt{ background:url(../Image/prolist_numb8.png)left center no-repeat; } #pro9 .nprolistbt{ background:url(../Image/prolist_numb9.png)left center no-repeat; } #pro2{ width:100%; float: left; padding-top: 100px;} #pro2 .nprolistw{float: right;} #pro2 .nprolistpic{float: left;} .npro2{width: 100%; float: left;} #pro3{ width:100%; float: left; padding-top: 100px;} #pro3 .nprolistw{float: left;} #pro3 .nprolistpic{float: right;} #pro4{ width:100%; float: left; padding-top: 100px;} #pro4 .nprolistw{float: right;} #pro4 .nprolistpic{float: left;} .npro3{width: 100%; overflow: hidden; background: #f5f5f5; padding:0 0 100px 0; float: left; position: relative; margin-top: 100px; z-index: 1 } .npro3 .w{overflow: hidden;} #pro5{ width:100%; float: left; padding-top: 100px;} #pro5 .nprolistw{float: left;} #pro5 .nprolistpic{float: right;} #pro6{ width:100%; float: left; padding-top: 100px;} #pro6 .nprolistw{float: right;} #pro6 .nprolistpic{float: left;} .npro4{width: 100%; float: left;} #pro7{ width:100%; float: left;padding-top: 100px;} #pro7 .nprolistw{float: left;} #pro7 .nprolistpic{float: right;} #pro8{ width:100%; float: left; padding-top: 100px;} #pro8 .nprolistw{float: right;} #pro8 .nprolistpic{float: left;} #pro9{ width:100%; float: left; padding-top: 100px;} #pro9 .nprolistw{float: left;} #pro9 .nprolistpic{float: right;} .nproinfo{width: 100%; float: left; margin-top: 100px; font-size: 16px; color: #333333; line-height: 2;} .pro8_1{width: 100%; position: relative;} .pro8_1pic{width:52%; position: absolute; padding-right:200px; right: 0;top:120px;} .pro8_1 img{ width: 100%;} .pro8_1_bj{width: 100%; background: #f5f5f5; padding: 50px 0;} .pro8_1_w h4{width: 169px; height: 40px; background:url(../Image/pro8h4.png)left center no-repeat; color: #333333; line-height:40px; text-indent: 15px; margin: 40px 0; } .pro8_1_w{width:100%; padding-left: 60px; } .pro8_2_w h4{width: 169px; height: 40px; background:url(../Image/pro8h4.png)left center no-repeat; color: #333333; line-height:40px; text-indent: 15px; margin: 40px 0; } .pro8_2_w{width:100%;padding-left: 60px; font-size: 16px; color: #333333; line-height: 2;} .pro8_2_w li{background:url(../Image/pro8w2li.png)left center no-repeat; line-height: 2.5; padding-left: 26px;} .pro8_3{width: 100%; float: left; margin-top: 80px;} .pro8_3_w{ width: 100%; margin-top: 50px;padding-left: 60px;} .pro8_3_pic{width: 100%} .pro8_3_pic img:nth-child(1){margin-top: 40px; max-width: 100%;} .pro8_3_pc{width: 100%;} .pro8_3_pc img{display: block; margin: 0 auto; max-width: 100%;} .pro8_3_m{display: none;} .pro8_3_m img:nth-child(1){margin-top: 40px; max-width: 100%; float: left;} .pro8_3_m img:nth-child(2){margin-top: 40px; max-width: 100%;float: left;} .pro8_4{width: 100%; margin-top:80px; } .pro8_4 ul{padding-left: 60px; width: 100%; margin-top: 65px; } .pro8_4 li{width: 100%; position: relative; background: #f5f5f5; height: auto; overflow: auto; float: left; margin-bottom: 30px;} .pro8_4 li dd{width:60%; padding-bottom: 30%; position: relative; float: left;} .pro8_4 li dd img{width: 100%; height: 100%; position: absolute; left: 0; top: 0;} .pro8_4 li p{width: 40%; position:absolute; height: 100%; padding: 60px; right: 0; top: 0; background:url(../Image/pro8w4wp.png)left 81px no-repeat; } .pro8_4 li p span{ font-size: 28px; display: block; color: #333333; margin-bottom: 20px;} .pro8_4 li p i{display: block; position: absolute; bottom: 60px; right: 60px;;width: 258px; height: 38px; line-height: 38px; text-align: center; background: #e0e0e0; -moz-border-radius: 19px; /* Firefox */ -webkit-border-radius: 19px; /* Safari 鍜 Chrome */ border-radius: 19px; /* Opera 10.5+, 浠ュ強浣跨敤浜咺E-CSS3鐨処E娴忚鍣 */ } .pro8_4 li:nth-child(2) dd{ float: right;} .pro8_4 li:nth-child(2) p{left: 0; right: auto;background:url(../Image/pro8w4wp2.png)right 81px no-repeat;} .pro8_4 li:nth-child(4) dd{ float: right;} .pro8_4 li:nth-child(4) p{left: 0; right: auto;background:url(../Image/pro8w4wp2.png)right 81px no-repeat;} .pro8_5{width: 100%; padding-top: 80px;} .pro8_5 ul{ padding-left: 60px; width: 100%; float: left; margin-top: 60px;} .pro8_5 ul li{width: 16.666%; float: left;} .pro8_5 ul li dd{width: 100%;} .pro8_5 ul li dd img{max-width: 100%;display: block; margin: 0 auto;} .pro8_5 ul li p{text-align: center; font-size: 16px; padding: 0 20px;} .nbannerw font{ font-size: 16px; color: #333333; font-style: italic;display: block;} .nbannerw .bannerbt h3 span{ font-size: 30px; color: #333333; background:url(../Image/nbannerh3.png)right no-repeat; padding-right:15px;display: block; float: left; height: 50px; line-height: 30px; margin-top:12px; margin-right: 20px;} .pro7_1{width: 100%; float: left;} .pro7_1_w{width: 100%; padding-left: 60px;} .pro7_1_w img{max-width: 100%; margin-top: 50px;} .nfwwlw{width:50%; float: left; margin-top: 100px;} .nnfwwlw_p{width:100%; float: left; padding-left: 60px; margin-top:50px; font-size: 16px; color: #333333; line-height: 2;} .map{width: 50%; float: right;} .map #container{width: 100%; height:800px;} .pro7_5{width: 100%; padding-top: 80px;} .pro7_5 ul{ padding-left: 60px; width: 100%; float: left; margin-top: 40px;} .pro7_5 ul li{width:25%; float: left;margin-top:20px;} .pro7_5 ul li dd{width: 100%;} .pro7_5 ul li dd img{max-width: 100%;display: block; margin: 0 auto;} .pro7_5 ul li p{text-align:center;font-size: 15px;line-height:20px;margin-top:10px;padding: 0 20px;} .pro6_2_bj{width: 100%;/* margin-top: 200px;*/ background: #f5f5f5; padding: 50px 0;} .pro6_2pic{width:38%; position: absolute; padding-right:200px; right: 0;top:67px;} .pro4_1_w{padding-left: 60px; margin-top: 40px;} .pro4_1_list{width:100%; text-align: center; float:left; margin-top: 50px;} .pro4_1_list li{width: 23%; text-align: center; display: inline-block; margin:1%;} .pro4_1_list li dd{width: 100%; padding-bottom: 95%; position:relative; overflow: hidden;box-shadow:0px 0px 5px #b0b0b0; } .pro4_1_list li dd img{ position: absolute; top: 0; width: 100%; height: 100%; left: 0;transform:translate(0,0); transition:all .5s ease-in 0s; } .pro4_1_list li dd:hover img{transform: scale(1.1); transition: all .5s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all .5s ease 0s; } .pro4_2{width: 100%; position: relative; /*margin-top: 90px;*/} .pro4_2pic{width:38%; position: absolute; padding-right:220px; right: 0;top:120px;} .pro4_2 img{ max-width: 100%;} .pro4_2_bj{width: 100%; background: #f5f5f5; padding: 50px 0;} .pro4_2_w h4{width: 169px; height: 40px; background:url(../Image/pro8h4.png)left center no-repeat; color: #333333; line-height:40px; text-indent: 15px; margin: 40px 0; } .pro4_2_w{width:100%; padding-left: 60px; } .pro4_2_w li{background:url(../Image/pro8w2li.png)left 15px no-repeat; line-height: 2.5; padding-left: 26px;} .pro4_3_w h4{width: 169px; height: 40px; background:url(../Image/pro8h4.png)left center no-repeat; color: #333333; line-height:40px; text-indent: 15px; margin: 40px 0; } .pro4_3_w{width:100%;padding-left: 60px; color: #333333; line-height: 2;} .pro4_3_w li{background:url(../Image/pro8w2li.png)left 15px no-repeat; line-height: 2.5; padding-left: 26px;} .pro4_4{margin-top: 90px;} .pro4_4_w{margin-top: 50px; padding-left: 60px;} .pro5_1{width: 100%;} .pro5_1_w{width: 100%; float: left; margin:30px 0; padding-left: 60px;} .pro5_1_list{width: 100%; float: left; } .pro5_1_list li{width: 23%; float: left; margin: 1%; text-align: center;} .pro5_1_list li:nth-child(1){width:48%; float: left; margin: 1%;} .pro5_1_list li:nth-child(1) dd{width: 100%; padding-bottom:45.23%; position:relative; overflow: hidden;box-shadow:0px 0px 5px #b0b0b0; } .pro5_1_list li:nth-child(1) dd img{ position: absolute; top: 0; left: 0;transform:translate(0,0); transition:all .5s ease-in 0s; } .pro5_1_list li dd{width: 100%; padding-bottom: 95%; position:relative; overflow: hidden;box-shadow:0px 0px 5px #b0b0b0; } .pro5_1_list li dd img{ position: absolute; top: 0; left: 0;transform:translate(0,0); transition:all .5s ease-in 0s; } .pro5_1_list li dd:hover img{transform: scale(1.1); transition: all .5s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all .5s ease 0s; } .pro5_2{width: 100%; background: #f5f5f5; padding: 50px 0; margin-top: 80px;} .pro5_2_w{width: 100%; float: left; margin:30px 0; padding-left: 60px;} .pro5_2_list{width: 100%; float: left; } .pro5_2_list li{width:23%; float: left; margin: 1%; text-align: center;} .pro5_2_list li dd{width: 100%; padding-bottom: 95%; position:relative; overflow: hidden;box-shadow:0px 0px 5px #b0b0b0; } .pro5_2_list li dd img{ position: absolute; top: 0; left: 0;transform:translate(0,0); transition:all .5s ease-in 0s; } .pro5_2_list li dd:hover img{transform: scale(1.1); transition: all .5s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all .5s ease 0s; } .pro5_3{width: 100%; float: left; margin-top: 80px} .pro5_3_w{width: 100%; float: left; margin:30px 0; padding-left: 60px;} .pro5_3_list{width: 100%; float: left; } .pro5_3_list li{width: 23%; float: left; margin: 1%; text-align: center;} .pro5_3_list li dd{width: 100%; padding-bottom: 95%; position:relative; overflow: hidden;box-shadow:0px 0px 5px #b0b0b0; } .pro5_3_list li dd img{ position: absolute; top: 0; left: 0;transform:translate(0,0); transition:all .5s ease-in 0s; } .pro5_3_list li dd:hover img{transform: scale(1.1); transition: all .5s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all .5s ease 0s; } .pro3_1_w{padding-left: 60px; margin-top: 40px;} .pro3_1_list{width: 100%; float:left; margin-top: 50px; text-align: center;} .pro3_1_list li{width: 22%; display: inline-block; margin: 1%;} .pro3_1_list li dd{width: 100%; padding-bottom: 95%; position:relative; overflow: hidden;box-shadow:0px 0px 5px #b0b0b0; } .pro3_1_list li dd img{ position: absolute; width: 100%; height: 100%; top: 0; left: 0;transform:translate(0,0); transition:all .5s ease-in 0s; } .pro3_1_list li dd:hover img{transform: scale(1.1); transition: all .5s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all .5s ease 0s; } .pro3_1_w h4{width: 169px; height: 40px; background:url(../Image/pro8h4.png)left center no-repeat; color: #333333; line-height:40px; text-indent: 15px; margin: 40px 0; } .pro3_1_w{width:100%;padding-left: 60px; font-size: 18px; color: #333333; line-height: 2;} .pro3_1_w li{background:url(../Image/pro8w2li.png)left center no-repeat; line-height: 2.5; padding-left: 26px;} .pro3_3{width: 100%; float: left; margin-top: 80px;} .pro3_3_w{width ul:100%;padding-left: 60px; font-size: 18px; color: #333333; line-height: 2; margin-top: 30px;} .pro2_2{width: 40% !important;} .pro2_2{width: 40%;} .pro9_1{width: 100%; position: relative;} .pro9_1pic{width:28%; padding-right:100px;margin-top:50px;float: right;} .pro9_1 img{ max-width: 100%; float: right;} .pro9_1_w{width: 100%; float: left; margin-bottom: 20px; padding-left: 60px;} .pro9_1_w h4{ height: 40px; background:url(../Image/pro9h4.jpg)right center no-repeat #e0e0e0; padding-right:90px; color: #333333; line-height:40px; text-indent: 15px; margin:20px 0; float: left;} .pro9_1_w p{width: 100%; float: left;} .pro12w1{width: 100%;} .pro12w1 img{display: block; margin: 0 auto; max-width: 100%;} .pro12w2{width: 100%;float: left;} .pro12w2bt{width: 100%; text-align: center; font-size: 18px; color: #666666; line-height: 2;} .pro12w2bt h4{ font-size: 30px; color: #333333; margin: 0;} .pro12w2pic{width: 960px; margin:40px auto; max-width: 100%; position: relative;} .pro12w2pic img{width:54%; display: block; float: left;} .pro12w2pic1{width: 23%; float: left; font-size: 18px; color: #333333; margin-top: 180px;} .pro12w2pic1 b{ font-size: 24px; color: #111111; display: block;} .pro12w2pic2{width: 20%; float: left; font-size: 18px; color: #333333;margin-top: 180px;} .pro12w2pic2 b{ font-size: 24px; color: #111111; display: block;} .pro12w2list{width:100%; float: left; margin-top: 74px; height: 350px; background:url(../Image/pro12w2list.png) center no-repeat; } .pro12w2list ul{width: 980px; margin: 0 auto;} .pro12w2list ul li{ font-size: 18px; color: #333333; width: 50%; float: left; height: 170px; padding-left:73px; background:url(../Image/pro12w2listli.png)80px 57px no-repeat; padding: 43px 0 0 112px;} .pro12w2list ul li font{display: block; font-size: 24px; color: #111111;} .pro12w3{width: 100%; float: left; margin-top: 60px;} .pro12w3_1{padding-left: 60px; width: 100%; float: left; margin-top: 30px;} .pro12w3_1 img{max-width: 100%;} .pro12_2_bj{ width: 100%; margin-top: 60px; background: #f5f5f5; padding: 50px 0;} .pro13w2{width: 100%; float: left;} .pro13w2_1{float: left; max-width: 50%; margin-top: 146px;} .pro13w2_2{float: right; max-width: 50%;} .pro14{width: 100%; float: left; margin-top: 30px; padding-left: 60px;} .pro14 img{max-width: 100%; display: block; float: left;} .pro14 img:nth-child(2){width:45%; float: left;display: block; margin-right: 10%锛泒 .pro14 img:nth-child(3){width:45%; float: left;display: block;} .nproinfol{width: 60%; float: left;} .backpre{display: block; width:100px; text-align: center; font-size: 14px; color: #666666; margin: 14px auto;} .ncase{width: 100%; background: #f5f5f5; padding: 50px 0; } .ncase dl{width: 100%; position: relative; margin-bottom:20px; overflow: hidden; -moz-border-radius: 15px; /* Firefox */ -webkit-border-radius: 15px; /* Safari 鍜 Chrome */ border-radius: 15px; /* Opera 10.5+, 浠ュ強浣跨敤浜咺E-CSS3鐨処E娴忚鍣 */ } .ncase dl dd{position: relative; width: 100%; padding-bottom: 78.7%; } .ncase dl dd img{width: 100%; height: 100%; position: absolute; top: 0; left: 0; transform:translate(0,0); transition:all .5s ease-in 0s;} .ncase dl:hover dd img{transform: scale(1.1); transition: all .5s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all .5s ease 0s; } .ncase #owl-demo:hover.item dl p{color:#333333 !important } .ncase dl p{width: 100%; height: 100%; background: #fff; position: absolute;top: 0; left: 0; color: #333333; padding:40px 20px; font-size: 16px; line-height: 2; text-align: left !important;opacity:1; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; } .ncase dl p span{display: block; position: absolute; left: 20px; bottom:40px;} .ncase dl:hover p{opacity: 0;} .page{ width:100%; text-align:center; margin-top:40px;} .page a{ padding:5px 15px; background:#0091f6; border:1px solid #0091f6; color:#FFF; margin:0 5px;} .page .current{border:1px solid #0091f6; color:#0091f6;padding:5px 15px; margin:0 5px;} .page a.prev{background:url(../Image/proleft.png) center no-repeat #0091f6;} .page a.next{background:url(../Image/proright.png) center no-repeat #0091f6;} .tubox{width:100%;margin:30px auto;} .tubox .item{margin:0 6px 10px;} .tubox .item img{width: 100%;display:block;border-radius:10px;} .tubox .item p{width: 100%;height:42px;overflow:hidden;text-align: center;line-height:42px;color:#686868;font-size:16px;} .tubox .item p a{font-size: 13px;color: #303030;font-family: "寰蒋闆呴粦";height:42px;line-height: 42px;display: block;width: 100%;overflow: hidden;} .tubox .item p a:hover{color: #0097da;text-decoration: underline;} .inner-news{margin-top:100px;padding:0 60px;} .inner-news-list a{width:22.75%;height:auto;margin-right:3%;margin-top:3%;float:left;} .inner-news-list a:nth-child(4n){margin-right:0;} .inner-news-list li{padding:40px 30px;cursor:pointer;border:1px solid #eee; -webkit-transition:all 0.5s;transition:all 0.5s;} .inner-news-list li .time{font-size:24px;height:32px;line-height:32px;color:#999;overflow:hidden;font-family:'FuturaLL';} .inner-news-list li .title{font-size:20px;height:32px;line-height:32px;color:#333;overflow:hidden;margin-top:30px;} .inner-news-list li .con{font-size:16px;height:64px;line-height:32px;color:#333;overflow:hidden;margin-top:10px;} .inner-news-list li .link{font-size:15px;height:32px;line-height:32px;color:#999;overflow:hidden;margin-top:40px;text-decoration:underline;} .inner-news-list li:hover{background:url(../Image/bg5.jpg) no-repeat center;background-size:cover;padding:40px 20px 40px 40px;} .inner-news-list li:hover .time{color:#FFF;} .inner-news-list li:hover .title{color:#FFF;} .inner-news-list li:hover .con{color:#FFF;} .inner-news-list li:hover .link{color:#FFF;} .news-deatils{width:90%;height:auto;margin:40px auto 40px;} .news-deatils-title{font-size:20px;line-height:32px;color:#1d8acc;font-weight:bold;} .news-deatils-name{font-size:36px;line-height:48px;color:#333;font-weight:bold;margin-top:30px;} .news-deatils-time{font-size:16px;line-height:32px;color:#666;} .news-deatils-con{font-size:16px;line-height:28px;color:#333;margin-top:40px;} .news-deatils-con p{margin-bottom:20px;} .news-deatils-con img{max-width:80%;display:block;margin:0 auto 30px;} /* --缈婚〉-- */ .txt-upDown{width:auto;height:auto;clear:both;font-size:14px;padding-top:20px;margin-top:40px;border-top:1px dashed rgb(230,230,230);} .txt-upDown-li{width:50%;height:42px;line-height:42px;padding:0 5px;overflow:hidden;color:#666;display:block;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; -webkit-transition:all 0.3s;transition:all 0.3s;} .txt-upDown-li .arrow{width:10%;height:42px;overflow:hidden;font-family:'瀹嬩綋';font-weight:bold;} .txt-upDown-li .title{width:90%;height:42px;overflow:hidden;color:#666;} .txt-upDown-li:hover{color:#0091f6;padding:0 20px;cursor:pointer;} .txt-upDown-li:hover .arrow{color:#0091f6;} .txt-upDown-li:hover .title .page-a{color:#0091f6;} .txt-upDown-li:hover .title a{color:#0091f6;} .txt-upDown-li.txt-right{text-align:right;} .fl{float:left;} .fr{float:right;} .swiper-banner{width:100%;height:240px;overflow:hidden;background:#fff;position:relative;z-index:99;display:none;} .swiper-banner .swiper-slide{overflow:hidden;position:relative;} .swiper-banner .swiper-slide .img{width:100%;height:100%;display:block;background-repeat:no-repeat;background-position:center top;background-size:cover;} .banner_pagination{text-align:center;position:absolute;bottom:20px !important;z-index:99;} .banner_pagination .swiper-pagination-bullet{background:#888;margin:auto 5px !important;border-radius:4px !important;} .banner_pagination .swiper-pagination-bullet-active{width:24px;background:#666 !important;} .swiper-prolist{width:100%;height:auto;overflow:hidden;position:relative;z-index:99;display:none;margin:30px 0 0;} .swiper-prolist .swiper-slide{overflow:hidden;position:relative;background:#fff;} .swiper-prolist-more{display:none;} .swiper-prolist .slideinfo2{padding-top:5%;} .swiper-prolist .slideinfo2 h3{font-size: 22px; color: #333333;padding:0 5%;margin-bottom: 20px;} .swiper-prolist .slideinfo2 font{ font-size: 16px; color: #333333;padding:0 5%;display: block; margin-bottom: 20px;} .swiper-prolist .slideinfo2 p{font-size: 14px; color: #666666;padding:0 5%;line-height: 2;} .swiper-prolist .slideinfo2 img{width: 100%; height: 100%;display:block;margin-top:30px;} /* --鍒嗛〉-- */ .de-page-mian { overflow: hidden; text-align: center; font-size: 0; margin:20px 0 0; } .de-page-mian .page-inner { display: inline-block; overflow: hidden; } .de-page-mian .page-inner a { display: block; float: left; min-width: 26px; padding: 0 5px; height: 36px; border: 1px solid #dddddd; background: #fff; text-align: center; line-height: 36px; font-size: 14px; color: #333; margin-right: -1px; overflow: hidden; } .de-page-mian .page-inner a.active, .de-page-mian .page-inner a:hover { color: #fff; border-color: #ffa200; background: #ffa200; } .de-page-mian .page-inner a.prev { margin-right: 10px; background: #fff url(../images/../images/prev.jpg) no-repeat center; } .de-page-mian .page-inner a.prev.on { background: #fff url(../images/../images/prev-hover.jpg) no-repeat center; } .de-page-mian .page-inner a.prev:hover { background-color: #fff; border-color: #dddddd; } .de-page-mian .page-inner a.next { margin-left: 10px; margin-right: 15px; background: #fff url(../images/../images/next.jpg) no-repeat center; } .de-page-mian .page-inner a.next.on { background: #fff url(../images/../images/next-hover.jpg) no-repeat center; } .de-page-mian .page-inner a.next:hover { background-color: #fff; border-color: #dddddd; } .de-page-mian .page-inner a.page-btn { font-size: 12px; margin-right: 0; width: 63px; margin-left: 10px; } .de-page-mian .page-inner span { display: block; font-size: 12px; color: #333; float: left; line-height: 38px; } .de-page-mian .page-inner input { display: block; float: left; height: 36px; width: 36px; border: 1px solid #dddddd; text-align: center; line-height: 36px; font-size: 14px; color: #333; margin: 0 5px; } .goodslist{margin-top:40px;} .pro15{padding-left:60px;margin-top:40px;} .pro15{width:100%; text-align: center; float:left; margin-top: 50px;} .pro15 li{width:22%;text-align:center;margin:1%;float:left;} .pro15 li dd{width: 100%; padding-bottom: 95%; position:relative; overflow: hidden;box-shadow:0px 0px 5px #b0b0b0; } .pro15 li dd img{ position: absolute; top: 0; width: 100%; height: 100%; left: 0;transform:translate(0,0); transition:all .5s ease-in 0s; } .pro15 li dd:hover img{transform: scale(1.1); transition: all .5s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all .5s ease 0s; } .pro15 li p{height:40px;font-size:15px;line-height:20px;margin-top:10px;overflow:hidden;}